<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<link rel="stylesheet"  href="bootstrap/dist/css/bootstrap.min.css" type="text/css"/>
	</head>
	<body>
		<div class="container">
		<form>
			<div class="form-group">
				<label for="exampleInputEmail1">Email address</label>
				<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" />
			</div>
			<div class="form-group">
				<label for="exampleInputPassword1">Password</label>
				<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" />
			</div>
			<div class="form-group">
				<label for="exampleInputFile1">File input</label>
				<input type="file" class="form-control" id="exampleInputFile1" />
				<p class="help-block">Example block-level help text here.</p>
			</div>
			<div class="checkbox">
			 <label>
				 <input type="checkbox" />Check me out
			 </label>
			</div>
			<button type="submit" class="btn btn-default">Submit</button>
		</form>
		<form class="form-inline">
			<div class="form-group">
				<label for="exampleInputName2">Name</label>
				<input type="text" class="form-control" id="exampleInputName2"  placeholder="Jane Doe"/>
				
			</div>
			<div class="form-group">
				<label for="exampleInputEmail2">Name</label>
				<input type="text" class="form-control" id="exampleInputEmail2"  placeholder="jane.doe@example.com"/>
				
			</div>
			<button type="submit" class="btn btn-default">Send invitation</button>
		</form>
		<form class="form-inline">
			<div class="form-group">
				<label class="sr-only" for="exampleInputName3">Name</label>
				<input type="text" class="form-control" id="exampleInputName3"  placeholder="Jane Doe"/>
				
			</div>
			<div class="form-group">
				<label class="sr-only" for="exampleInputEmail3">Name</label>
				<input type="text" class="form-control" id="exampleInputEmail3"  placeholder="jane.doe@example.com"/>
				
			</div>
			<button type="submit" class="btn btn-default">Send invitation</button>
		</form>
		 <form class="form-inline">
			 <div class="form-group">
				 <label class="sr-only" for="exampleInputAmount">Amount(in dollars)</label>
				 <div class="input-group">
					 <div class="input-group-addon">$</div>
					 <input type="text" class="form-control" id ="exampleInputAmount"  placeholder="Amount"/>
					 <div class="input-group-addon">.00</div>
				 </div>
			 </div>
			 <button type="submit" class="btn btn-default">Transfer cash</button>
		 </form>
		 <div class="row">
			 <h3 class="col-lg-12">水平排列的表单</h3>
		 </div>
		 <hr />
		 <form class="form-horizontal">
			 <div class="form-group">
				 <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
				 <div class="col-sm-10">
					 <input type="email" class="form-control" id="inputEmail3" placeholder="Email"/>
				 </div>
			 </div>
			 <div class="form-group">
				 <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				 <div class="col-sm-10">
					 <input type="password" class="form-control" id="inputPassword3" placeholder="Password"/>
				 </div>
			 </div>
			 <div class="form-group"> 
				 <div  class="col-sm-offset-2 col-sm-10">
					 <div class="checkbox">
						 <label>
							  <input type="checkbox"/> Remember me
						 </label>
					 </div>  
				 </div>
			 </div>
			 <div class="form-group">
				<div  class="col-sm-offset-2 col-sm-10">
					 <button type="submit" class="btn btn-default"> Sing in</button>
				 </div>
			 </div>
		 </form>
		 
		 <hr />
		 <div class="row">
			 <h3 class="col-lg-12">被支持的控件</h3>
		 </div>
		 <div class="row">
			 <h4 class="col-lg-12">输入框</h4>
		 </div>
		 <form class="form-horizontal">
			 <div class="form-group">
				 <label for="inputText" class="col-sm-2 control-label">inputText</label>
				 <div class="col-sm-10">
					 <input type="text" class="form-control" id="inputText" placeholder="Text input"/>
				 </div>
			 </div> 
		 </form>
		 <div class="row">
			 <h4 class="col-lg-12">文本域</h4>
		 </div>
		 <form class="form-horizontal">
			 <div class="form-group">
				 <label for="textarea" class="col-sm-2 control-label">textarea</label>
				 <div class="col-sm-10">
					<textarea class="form-control" rows="3" id="textarea"></textarea>
				 </div>
			 </div> 
		 </form>
		</div>
	</body>
</html>
